.main-div {
}

.center-div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
}

.welcome {
  display: flex;
  color: white;
  font-size: 6em;
}

.sub-title {
  color: white;
  font-size: 3em;
}

.cards {
  // display: flex;
  // flex-direction: row;
  width: 80%;
  margin-top: 20px;
}

.todo{
  color: greenyellow;
}
.learning{
  color: gold;
}
.finish{
  color: deeppink
}
.options>a{
  margin-left: 20px;
  margin-right: 20px;
}
.modal-input{
  margin-top: 10px;
  width: 100%;
  color: palevioletred;
}
// .card {
//   margin: 0 10px 0 10px;
//   color: white;
//   border-color: white;
//   border-width: 1px;
//   border-style: solid;
// }
